<template>
  <div class="logo">
    <img src="../statics/LOGO2.png" alt="LOGO">
    <tre-search></tre-search>
  </div>
</template>

<script>
import treSearch from './treSearch'
export default {
  data () {
    return {}
  },
  name: 'tre-logo',
  components: {
    treSearch
  }
}
</script>

<style>
  .logo {
    margin: auto;
    position: relative;
    left:50%;
    transform:translateX(-50%)
  }
  img {
    max-width: 60%;
    max-height: 60%;
  }
  tre-search {
    max-width: 60%;
    max-height: 60%
  }
</style>
